<!DOCTYPE html>
<html lang="en">
<head>
<title>Search</title>
<base href="" />
<link href="images/cart.png" rel="icon" />
<meta name="HandheldFriendly" content="True" /><meta name="MobileOptimized" content="320" />	
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1" />    
<link rel="stylesheet" type="text/css" href="css/stylesheet.css" />
<link rel="stylesheet" type="text/css" href="css/facebook.css" />
<script type="text/javascript" src="js/jquery-1.6.1.min.js"></script>
<!--<script type="text/javascript" src="js/jquery-ui-1.8.16.custom.min.js"></script>-->
<link rel="stylesheet" type="text/css" href="css/jquery-ui-1.8.16.custom.css" />
<script type="text/javascript" src="js/jquery.cookie.js"></script>
<script type="text/javascript" src="js/jquery.fancybox-1.3.4.pack.js"></script>
<link rel="stylesheet" type="text/css" href="css/jquery.fancybox-1.3.4.css" media="screen" />
<link rel="stylesheet" type="text/css" href="css/flexslider.css" />
<script type="text/javascript" src="js/jquery.flexslider-min.js"></script> 
<script type="text/javascript" src="js/tabs.js"></script>
<script type="text/javascript" src="js/common.js"></script>
<script src="js/html5.js"></script>
<script type="text/javascript">
		$(window).load(function() {
			$('.flexslider').flexslider();
		});
</script>
<script>
$(document).ready(function(){
$('.ab').hover(function(){
	$(this).prev('a').toggleClass('active');
	});     
$('.menuarrow').click(function () {
  $('.menu-mobile').slideToggle('slow');
});
$('.mobile-fpart .column h3').click(function () {
  $(this).next('.mobile-fpart .column ul').slideToggle('slow');
});
});
</script>
</head>
<body>
<div class="main-wrapper">
<header class="header-top-main">
<section class="header-top">
<div id="welcome">
        You are logged in as <a href="#">s</a> <b>(</b> <a href="#">Logout</a> <b>)</b>      </div>  
    <form action="#" method="post" enctype="multipart/form-data">
    <div id="currency"><!--Currency-->
                        <a title="Euro" onClick="">€</a>
                                    <a title="Pound Sterling" onClick="">£</a>
                                    <a title="US Dollar"><b>$</b></a>
                        <input type="hidden" name="currency_code" value="" />
      <input type="hidden" name="redirect" value="#" />
    </div>
  </form>
    <section id="cart">
    <div class="heading">
      <!--<h4>Shopping Cart</h4>-->
      <a><span id="cart_total">0 item(s) - $0.00</span></a></div>
    <div class="content"></div>
  </section>
  <div class="clear"></div>
</section>
<section id="header-main">
<div id="header">
    <div id="logo"><a href="#"><img src="images/logo.png" title="uStore Theme" alt="uStore Theme" /></a></div>
    <div class="links">
  <a class="home" title="Home" href="#">Home</a>
  <a href="#" id="wishlist_total">Wish List (2)</a><a href="#">My Account</a><a href="#">Shopping Cart</a><a href="#">Checkout</a></div> 
  <div id="search">
    <div class="button-search"></div>
        <input type="text" name="filter_name" value="a" />
      </div></div>
  <div class="clear"></div>
</section>
<nav id="mobile-menu">
<h3 class="menuarrow"><span>Menu</span></h3>
  <ul class="menu-mobile">
        <li><a href="#">Desktops</a>
            <div class="ab">
                <ul >
                                        <li><a href="#_26">PC (0)</a></li>
                                        <li><a href="#_27">Mac (1)</a></li>
                            </ul>
              </div>
          </li>
        <li><a href="#">Laptops</a>
            <div class="ab">
                <ul >
                                        <li><a href="#_46">Macs (0)</a></li>
                                        <li><a href="#_45">Windows (0)</a></li>
                            </ul>
              </div>
          </li>
        <li><a href="#">Components</a>
            <div class="ab">
                <ul >
                                        <li><a href="#_29">Mice and Trackballs (0)</a></li>
                                        <li><a href="#_28">Monitors (2)</a></li>
                                        <li><a href="#_30">Printers (0)</a></li>
                                        <li><a href="#_31">Scanners (0)</a></li>
                                        <li><a href="#_32">Web Cameras (0)</a></li>
                            </ul>
              </div>
          </li>
        <li><a href="#">Tablets</a>
          </li>
        <li><a href="#">Software</a>
          </li>
        <li><a href="#">Phones &amp; PDAs</a>
          </li>
        <li><a href="#">Cameras</a>
          </li>
        <li><a href="#">MP3 Players</a>
            <div class="ab">
                <ul >
                                        <li><a href="#_43">test 11 (0)</a></li>
                                        <li><a href="#_44">test 12 (0)</a></li>
                                        <li><a href="#_47">test 15 (0)</a></li>
                                        <li><a href="#_48">test 16 (0)</a></li>
                                        <li><a href="#_49">test 17 (0)</a></li>
                            </ul>
                <ul >
                                        <li><a href="#_50">test 18 (0)</a></li>
                                        <li><a href="#_51">test 19 (0)</a></li>
                                        <li><a href="#_52">test 20 (0)</a></li>
                                        <li><a href="#_53">test 21 (0)</a></li>
                                        <li><a href="#_54">test 22 (0)</a></li>
                            </ul>
                <ul >
                                        <li><a href="#_55">test 23 (0)</a></li>
                                        <li><a href="#_56">test 24 (0)</a></li>
                                        <li><a href="#_38">test 4 (0)</a></li>
                                        <li><a href="#_37">test 5 (0)</a></li>
                                        <li><a href="#_39">test 6 (0)</a></li>
                            </ul>
                <ul >
                                        <li><a href="#_40">test 7 (0)</a></li>
                                        <li><a href="#_41">test 8 (0)</a></li>
                                        <li><a href="#_42">test 9 (0)</a></li>
                                                                    </ul>
              </div>
          </li>
      </ul>
</nav>
<nav class="menu-main">
<div id="menu">
  <ul>
        <li><a href="#">Desktops</a>
            <div class="ab">
                <ul >
                                        <li><a href="#_26">PC (0)</a></li>
                                        <li><a href="#_27">Mac (1)</a></li>
                            </ul>
              </div>
          </li>
        <li><a href="#">Laptops</a>
            <div class="ab">
                <ul >
                                        <li><a href="#_46">Macs (0)</a></li>
                                        <li><a href="#_45">Windows (0)</a></li>
                            </ul>
              </div>
          </li>
        <li><a href="#">Components</a>
            <div class="ab">
                <ul >
                                        <li><a href="#_29">Mice and Trackballs (0)</a></li>
                                        <li><a href="#_28">Monitors (2)</a></li>
                                        <li><a href="#_30">Printers (0)</a></li>
                                        <li><a href="#_31">Scanners (0)</a></li>
                                        <li><a href="#_32">Web Cameras (0)</a></li>
                            </ul>
              </div>
          </li>
        <li><a href="#">Tablets</a>
          </li>
        <li><a href="#">Software</a>
          </li>
        <li><a href="#">Phones &amp; PDAs</a>
          </li>
        <li><a href="#">Cameras</a>
          </li>
        <li><a href="#">MP3 Players</a>
            <div class="ab">
                <ul >
                                        <li><a href="#_43">test 11 (0)</a></li>
                                        <li><a href="#_44">test 12 (0)</a></li>
                                        <li><a href="#_47">test 15 (0)</a></li>
                                        <li><a href="#_48">test 16 (0)</a></li>
                                        <li><a href="#_49">test 17 (0)</a></li>
                            </ul>
                <ul >
                                        <li><a href="#_50">test 18 (0)</a></li>
                                        <li><a href="#_51">test 19 (0)</a></li>
                                        <li><a href="#_52">test 20 (0)</a></li>
                                        <li><a href="#_53">test 21 (0)</a></li>
                                        <li><a href="#_54">test 22 (0)</a></li>
                            </ul>
                <ul >
                                        <li><a href="#_55">test 23 (0)</a></li>
                                        <li><a href="#_56">test 24 (0)</a></li>
                                        <li><a href="#_38">test 4 (0)</a></li>
                                        <li><a href="#_37">test 5 (0)</a></li>
                                        <li><a href="#_39">test 6 (0)</a></li>
                            </ul>
                <ul >
                                        <li><a href="#_40">test 7 (0)</a></li>
                                        <li><a href="#_41">test 8 (0)</a></li>
                                        <li><a href="#_42">test 9 (0)</a></li>
                                                                    </ul>
              </div>
          </li>
      </ul>
</div>
</nav>
</header>
<section class="wrapper">
<div id="notification"></div>
<div id="container"> 
<section id="content">  <div class="breadcrumb">
        <a href="#">Home</a>
         &raquo; <a href="#">Search</a>
      </div>
  <h1><span>Search</span></h1>
  <b>Search Criteria</b>
  <div class="content">
    <p>Search:            <input class="mobile-search" type="text" name="filter_name" value="a" />
            <select class="mobile-search" name="filter_category_id">
        <option value="0">All Categories</option>
                        <option value="20">Desktops</option>
                                <option value="26">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;PC</option>
                                        <option value="27">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Mac</option>
                                                <option value="18">Laptops</option>
                                <option value="46">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Macs</option>
                                        <option value="45">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Windows</option>
                                                <option value="25">Components</option>
                                <option value="29">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Mice and Trackballs</option>
                                        <option value="28">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Monitors</option>
                                <option value="35">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;test 1</option>
                                <option value="36">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;test 2</option>
                                        <option value="30">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Printers</option>
                                        <option value="31">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Scanners</option>
                                        <option value="32">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Web Cameras</option>
                                                <option value="57">Tablets</option>
                                        <option value="17">Software</option>
                                        <option value="24">Phones &amp; PDAs</option>
                                        <option value="33">Cameras</option>
                                        <option value="34">MP3 Players</option>
                                <option value="43">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;test 11</option>
                                        <option value="44">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;test 12</option>
                                        <option value="47">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;test 15</option>
                                        <option value="48">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;test 16</option>
                                        <option value="49">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;test 17</option>
                                        <option value="50">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;test 18</option>
                                        <option value="51">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;test 19</option>
                                        <option value="52">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;test 20</option>
                                <option value="58">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;test 25</option>
                                        <option value="53">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;test 21</option>
                                        <option value="54">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;test 22</option>
                                        <option value="55">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;test 23</option>
                                        <option value="56">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;test 24</option>
                                        <option value="38">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;test 4</option>
                                        <option value="37">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;test 5</option>
                                        <option value="39">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;test 6</option>
                                        <option value="40">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;test 7</option>
                                        <option value="41">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;test 8</option>
                                        <option value="42">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;test 9</option>
                                      </select>
            <input type="checkbox" name="filter_sub_category" value="1" id="sub_category" />
            <label for="sub_category">Search in subcategories</label>
    </p>
        <input type="checkbox" name="filter_description" value="1" id="description" />
        <label for="description">Search in product descriptions</label>
  </div>
  <div class="buttons">
    <div class="right"><a id="button-search" class="button"><span>Search</span></a></div>
  </div>
  <h2>Products meeting the search criteria</h2>
    <div class="product-filter">
    <div class="display"><b>Display:</b> List <b>/</b> <a onClick="display('grid');">Grid</a></div>
    <div class="limit">Show:      <select onChange="location = this.value;">
                        <option value="#" selected="selected">15</option>
                                <option value="#">25</option>
                                <option value="#">50</option>
                                <option value="#">75</option>
                                <option value="#">100</option>
                      </select>
    </div>
    <div class="sort">Sort By:      <select onChange="location = this.value;">
                        <option value="#" selected="selected">Default</option>
                                <option value="#">Name (A - Z)</option>
                                <option value="#">Name (Z - A)</option>
                                <option value="#">Price (Low &gt; High)</option>
                                <option value="#">Price (High &gt; Low)</option>
                                <option value="#">Rating (Highest)</option>
                                <option value="#">Rating (Lowest)</option>
                                <option value="#">Model (A - Z)</option>
                                <option value="index.php?route=product/search&amp;sort=p.model&amp;order=DESC&amp;filter_name=a">Model (Z - A)</option>
                      </select>
    </div>
  </div>
  <div class="product-compare"><a href="index.php?route=product/compare" id="compare_total">Product Compare (2)</a></div>
  <div class="product-list">
        <div>
            <div class="image"><a href="#"><img src="images/ipod_nano_1-80x80.jpg" title="iPod Nano" alt="iPod Nano" /></a></div>
            <div class="name"><a href="#">iPod Nano</a></div>
      <div class="description">
	
		Video in your pocket.
	
		Its the small iPod with one very big idea: video. The worlds most..</div>
            <div class="price">
                $100.00                        <br />
        <span class="price-tax">Ex Tax: $100.00</span>
              </div>
                  <div class="rating"><img src="images/stars-4.png" alt="Based on 1 reviews." /></div>
            <div class="cart"><a onClick="addToCart('36');" class="button"><span>Add to Cart</span></a></div>
      <div class="wishlist"><a onClick="addToWishList('36');">Add to Wish List</a></div>
      <div class="compare"><a onClick="addToCompare('36');">Add to Compare</a></div>
    </div>
        <div>
            <div class="image"><a href="#"><img src="images/imac_1-80x80.jpg" title="iMac" alt="iMac" /></a></div>
            <div class="name"><a href="#">iMac</a></div>
      <div class="description">
	Just when you thought iMac had everything, now there’s even more. More powerful Intel Core 2 Du..</div>
            <div class="price">
                $100.00                        <br />
        <span class="price-tax">Ex Tax: $100.00</span>
              </div>
                  <div class="rating"><img src="images/stars-3.png" alt="Based on 1 reviews." /></div>
            <div class="cart"><a onClick="addToCart('41');" class="button"><span>Add to Cart</span></a></div>
      <div class="wishlist"><a onClick="addToWishList('41');">Add to Wish List</a></div>
      <div class="compare"><a onClick="addToCompare('41');">Add to Compare</a></div>
    </div>
        <div>
            <div class="image"><a href="#"><img src="images/apple_cinema_30-80x80.jpg" title="Apple Cinema 30&quot;" alt="Apple Cinema 30&quot;" /></a></div>
            <div class="name"><a href="#">Apple Cinema 30&quot;</a></div>
      <div class="description">
	The 30-inch Apple Cinema HD Display delivers an amazing 2560 x 1600 pixel resolution. Designed sp..</div>
            <div class="price">
                <span class="price-old">$100.00</span> <span class="price-new">$90.00</span>
                        <br />
        <span class="price-tax">Ex Tax: $90.00</span>
              </div>
                  <div class="cart"><a onClick="addToCart('42');" class="button"><span>Add to Cart</span></a></div>
      <div class="wishlist"><a onClick="addToWishList('42');">Add to Wish List</a></div>
      <div class="compare"><a onClick="addToCompare('42');">Add to Compare</a></div>
    </div>
        <div>
            <div class="image"><a href="#"><img src="images/macbook_1-80x80.jpg" title="MacBook" alt="MacBook" /></a></div>
            <div class="name"><a href="#">MacBook</a></div>
      <div class="description">
	
		Intel Core 2 Duo processor
	
		Powered by an Intel Core 2 Duo processor at speeds up to 2.1..</div>
            <div class="price">
                $500.00                        <br />
        <span class="price-tax">Ex Tax: $500.00</span>
              </div>
                  <div class="cart"><a onClick="addToCart('43');" class="button"><span>Add to Cart</span></a></div>
      <div class="wishlist"><a onClick="addToWishList('43');">Add to Wish List</a></div>
      <div class="compare"><a onClick="addToCompare('43');">Add to Compare</a></div>
    </div>
        <div>
            <div class="image"><a href="#"><img src="images/macbook_air_1-80x80.jpg" title="MacBook Air" alt="MacBook Air" /></a></div>
            <div class="name"><a href="#">MacBook Air</a></div>
      <div class="description">
	MacBook Air is ultrathin, ultraportable, and ultra unlike anything else. But you don’t lose inc..</div>
            <div class="price">
                $1,000.00                        <br />
        <span class="price-tax">Ex Tax: $1,000.00</span>
              </div>
                  <div class="rating"><img src="images/stars-5.png" alt="Based on 1 reviews." /></div>
            <div class="cart"><a onClick="addToCart('44');" class="button"><span>Add to Cart</span></a></div>
      <div class="wishlist"><a onClick="addToWishList('44');">Add to Wish List</a></div>
      <div class="compare"><a onClick="addToCompare('44');">Add to Compare</a></div>
    </div>
        <div>
            <div class="image"><a href="#"><img src="images/macbook_pro_1-80x80.jpg" title="MacBook Pro" alt="MacBook Pro" /></a></div>
            <div class="name"><a href="#">MacBook Pro</a></div>
      <div class="description">
	
		
			Latest Intel mobile architecture
		
			Powered by the most advanced mobile processors ..</div>
            <div class="price">
                $2,000.00                        <br />
        <span class="price-tax">Ex Tax: $2,000.00</span>
              </div>
                  <div class="cart"><a onClick="addToCart('45');" class="button"><span>Add to Cart</span></a></div>
      <div class="wishlist"><a onClick="addToWishList('45');">Add to Wish List</a></div>
      <div class="compare"><a onClick="addToCompare('45');">Add to Compare</a></div>
    </div>
        <div>
            <div class="image"><a href="#"><img src="images/sony_vaio_1-80x80.jpg" title="Sony VAIO" alt="Sony VAIO" /></a></div>
            <div class="name"><a href="#">Sony VAIO</a></div>
      <div class="description">
	Unprecedented power. The next generation of processing technology has arrived. Built into the new..</div>
            <div class="price">
                $1,000.00                        <br />
        <span class="price-tax">Ex Tax: $1,000.00</span>
              </div>
                  <div class="rating"><img src="images/stars-5.png" alt="Based on 1 reviews." /></div>
            <div class="cart"><a onClick="addToCart('46');" class="button"><span>Add to Cart</span></a></div>
      <div class="wishlist"><a onClick="addToWishList('46');">Add to Wish List</a></div>
      <div class="compare"><a onClick="addToCompare('46');">Add to Compare</a></div>
    </div>
        <div>
            <div class="image"><a href="#"><img src="images/ipod_classic_1-80x80.jpg" title="iPod Classic" alt="iPod Classic" /></a></div>
            <div class="name"><a href="#">iPod Classic</a></div>
      <div class="description">
	
		
			More room to move.
		
			With 80GB or 160GB of storage and up to 40 hours of battery l..</div>
            <div class="price">
                $100.00                        <br />
        <span class="price-tax">Ex Tax: $100.00</span>
              </div>
                  <div class="rating"><img src="images/stars-5.png" alt="Based on 1 reviews." /></div>
            <div class="cart"><a onClick="addToCart('48');" class="button"><span>Add to Cart</span></a></div>
      <div class="wishlist"><a onClick="addToWishList('48');">Add to Wish List</a></div>
      <div class="compare"><a onClick="addToCompare('48');">Add to Compare</a></div>
    </div>
        <div>
            <div class="image"><a href="#"><img src="images/palm_treo_pro_1-80x80.jpg" title="Palm Treo Pro" alt="Palm Treo Pro" /></a></div>
            <div class="name"><a href="#">Palm Treo Pro</a></div>
      <div class="description">
	Redefine your workday with the Palm Treo Pro smartphone. Perfectly balanced, you can respond to b..</div>
            <div class="price">
                $279.99                        <br />
        <span class="price-tax">Ex Tax: $279.99</span>
              </div>
                  <div class="cart"><a onClick="addToCart('29');" class="button"><span>Add to Cart</span></a></div>
      <div class="wishlist"><a onClick="addToWishList('29');">Add to Wish List</a></div>
      <div class="compare"><a onClick="addToCompare('29');">Add to Compare</a></div>
    </div>
        <div>
            <div class="image"><a href="#"><img src="images/canon_eos_5d_1-80x80.jpg" title="Canon EOS 5D" alt="Canon EOS 5D" /></a></div>
            <div class="name"><a href="#">Canon EOS 5D</a></div>
      <div class="description">
	Canon's press material for the EOS 5D states that it 'defines (a) new D-SLR category', while we'r..</div>
            <div class="price">
                <span class="price-old">$100.00</span> <span class="price-new">$80.00</span>
                        <br />
        <span class="price-tax">Ex Tax: $80.00</span>
              </div>
                  <div class="rating"><img src="images/stars-1.png" alt="Based on 1 reviews." /></div>
            <div class="cart"><a onClick="addToCart('30');" class="button"><span>Add to Cart</span></a></div>
      <div class="wishlist"><a onClick="addToWishList('30');">Add to Wish List</a></div>
      <div class="compare"><a onClick="addToCompare('30');">Add to Compare</a></div>
    </div>
        <div>
            <div class="image"><a href="#"><img src="images/samsung_syncmaster_941bw-80x80.jpg" title="Samsung SyncMaster 941BW" alt="Samsung SyncMaster 941BW" /></a></div>
            <div class="name"><a href="#">Samsung SyncMaster 941BW</a></div>
      <div class="description">
	Imagine the advantages of going big without slowing down. The big 19" 941BW monitor combines wide..</div>
            <div class="price">
                $200.00                        <br />
        <span class="price-tax">Ex Tax: $200.00</span>
              </div>
                  <div class="cart"><a onClick="addToCart('33');" class="button"><span>Add to Cart</span></a></div>
      <div class="wishlist"><a onClick="addToWishList('33');">Add to Wish List</a></div>
      <div class="compare"><a onClick="addToCompare('33');">Add to Compare</a></div>
    </div>
        <div>
            <div class="image"><a href="index.php?route=product/product&amp;filter_name=a&amp;product_id=49"><img src="images/samsung_tab_1-80x80.jpg" title="Samsung Galaxy 10.1" alt="Samsung Galaxy 10.1" /></a></div>
            <div class="name"><a href="index.php?route=product/product&amp;filter_name=a&amp;product_id=49">Samsung Galaxy 10.1</a></div>
      <div class="description">
	Samsung Galaxy Tab 10.1, is the world’s thinnest tablet, measuring 8.6 mm thickness, running wi..</div>
            <div class="price">
                $199.99                        <br />
        <span class="price-tax">Ex Tax: $199.99</span>
              </div>
                  <div class="rating"><img src="images/stars-4.png" alt="Based on 1 reviews." /></div>
            <div class="cart"><a onClick="addToCart('49');" class="button"><span>Add to Cart</span></a></div>
      <div class="wishlist"><a onClick="addToWishList('49');">Add to Wish List</a></div>
      <div class="compare"><a onClick="addToCompare('49');">Add to Compare</a></div>
    </div>
      </div>
  <div class="pagination"><div class="results">Showing 1 to 12 of 12 (1 Pages)</div></div>
    </section>
<script type="text/javascript"><!--
$('#content input[name=\'filter_name\']').keydown(function(e) {
	if (e.keyCode == 13) {
		$('#button-search').trigger('click');
	}
});

$('#button-search').bind('click', function() {
	url = 'index.php?route=product/search';
	
	var filter_name = $('#content input[name=\'filter_name\']').attr('value');
	
	if (filter_name) {
		url += '&filter_name=' + encodeURIComponent(filter_name);
	}

	var filter_category_id = $('#content select[name=\'filter_category_id\']').attr('value');
	
	if (filter_category_id > 0) {
		url += '&filter_category_id=' + encodeURIComponent(filter_category_id);
	}
	
	var filter_sub_category = $('#content input[name=\'filter_sub_category\']:checked').attr('value');
	
	if (filter_sub_category) {
		url += '&filter_sub_category=true';
	}
		
	var filter_description = $('#content input[name=\'filter_description\']:checked').attr('value');
	
	if (filter_description) {
		url += '&filter_description=true';
	}

	location = url;
});

function display(view) {
	if (view == 'list') {
		$('.product-grid').attr('class', 'product-list');
		
		$('.product-list > div').each(function(index, element) {
			html  = '<div class="right">';
			html += '  <div class="cart">' + $(element).find('.cart').html() + '</div>';
			html += '  <div class="wishlist">' + $(element).find('.wishlist').html() + '</div>';
			html += '  <div class="compare">' + $(element).find('.compare').html() + '</div>';
			html += '</div>';			
			
			html += '<div class="left">';
			
			var image = $(element).find('.image').html();
			
			if (image != null) { 
				html += '<div class="image">' + image + '</div>';
			}
			
			var price = $(element).find('.price').html();
			
			if (price != null) {
				html += '<div class="price">' + price  + '</div>';
			}
						
			html += '  <div class="name">' + $(element).find('.name').html() + '</div>';
			html += '  <div class="description">' + $(element).find('.description').html() + '</div>';
			
			var rating = $(element).find('.rating').html();
			
			if (rating != null) {
				html += '<div class="rating">' + rating + '</div>';
			}
				
			html += '</div>';

						
			$(element).html(html);
		});		
		
		$('.display').html('<b>Display:</b> List <b>/</b> <a onclick="display(\'grid\');">Grid</a>');
		
		$.cookie('display', 'list'); 
	} else {
		$('.product-list').attr('class', 'product-grid');
		
		$('.product-grid > div').each(function(index, element) {
			html = '';
			
			var image = $(element).find('.image').html();
			
			if (image != null) {
				html += '<div class="image">' + image + '</div>';
			}
			
			html += '<div class="name">' + $(element).find('.name').html() + '</div>';
			html += '<div class="description">' + $(element).find('.description').html() + '</div>';
			
			var price = $(element).find('.price').html();
			
			if (price != null) {
				html += '<div class="price">' + price  + '</div>';
			}	
					
			var rating = $(element).find('.rating').html();
			
			if (rating != null) {
				html += '<div class="rating">' + rating + '</div>';
			}
						
			html += '<div class="cart">' + $(element).find('.cart').html() + '</div>';
			html += '<div class="wishlist">' + $(element).find('.wishlist').html() + '</div>';
			html += '<div class="compare">' + $(element).find('.compare').html() + '</div>';
			
			$(element).html(html);
		});	
					
		$('.display').html('<b>Display:</b> <a onclick="display(\'list\');">List</a> <b>/</b> Grid');
		
		$.cookie('display', 'grid');
	}
}

view = $.cookie('display');

if (view) {
	display(view);
} else {
	display('list');
}
//--></script> 
<div class="clear"></div>
</div> 
</section>

<div class="clear"></div>
<section id="footer-top-outside">
<div class="line-bottom">
<div id="customHome" class="container_12"><div id="about_us_footer"
	class="grid_3">
<h2>About uStore</h2>
<img class="about_us_image" alt="small logo" src="images/logo-small.png"/><p>      Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum porttitor, sem vel venenatis interdum, tortor dolor lobortis purus, sed adipiscing ante nisi fringilla nunc. Mauris id erat eget diam pulvinar fringilla. Vestibulum blandit aliquam velit, non viverra turpis vulputate ac.</p>
</div>
 <!--  TWITTER --> <div id="twitter_footer"
	class="grid_3">
<h2>Latest Tweets</h2>
<ul id="twitter_update_list">
<!--<script type="text/javascript"
	src="//twitter.com/javascripts/blogger.js"></script> <script
	type="text/javascript"
	src="//twitter.com/statuses/user_timeline/envato.json?callback=twitterCallback2&count=2"></script>-->
</ul>
</div>
 <div id="contact_footer"
	class="grid_3">
<h2>Contact Us</h2>
<ul>
<li>
	<!-- TELEPHONE 1 -->
	<ul id="tel" class="contact_column">
		<li id="footer_telephone">+11 8832 456 123</li>


		<!-- TELEPHONE 2 -->
				<li id="footer_telephone2">+11 8832 456 123</li>
			</ul>
	
	<!-- FAX  -->
		<ul id="fax" class="contact_column">
		<li id="footer_fax">+11 0832 456 321</li>
	</ul>
	
	<!-- EMAIL 1 -->
		<ul id="mail" class="contact_column">
		<li id="footer_email">test@test.com</li>



		<!-- EMAIL 2 -->
				<li id="footer_email2">info@test.com</li>
			</ul>
	
	<!-- SKYPE -->
		<ul id="skype" class="contact_column">
		<li id="footer_skype">harnishdesign</li>
	</ul>
	</li>
</ul>
</div>
	 <!--  FACEBOOK --> <div id="facebook_footer"
	class="grid_3">
<h2>Facebook</h2>
<!--<script type="text/javascript"
	src="//static.ak.connect.facebook.com/js/api_lib/v0.4/FeatureLoader.js.php/en_US"></script>
<script type="text/javascript">FB.init("1690883eb733618b294e98cb1dfba95a");</script>

<script language="javascript" type="text/javascript">
//<![CDATA[
document.write('<fb:fan profile_id="80655071208" stream="0"	connections="6"	logobar="0" height="190px"	width="220"css="css/facebook.css?20"></fb:fan> ');
//]]>
</script>-->

</div>
 <!--  CUSTOM COLUMN -->  <!-- Categories --> </div>
<div class="clear"></div>
</div>

<div class="line-bottom1"></div>

</section>
<footer id="footer-main">
<div id="footer" class="mobile-fpart">
  <div class="column">
    <h3>Information</h3>
    <ul>
            <li><a href="#">About Us</a></li>
            <li><a href="#">Delivery Information</a></li>
            <li><a href="#">Privacy Policy</a></li>
            <li><a href="#">Terms &amp; Conditions</a></li>
          </ul>
  </div>
  <div class="column">
    <h3>Customer Service</h3>
    <ul>
      <li><a href="#">Contact Us</a></li>
      <li><a href="#">Returns</a></li>
      <li><a href="#">Site Map</a></li>
    </ul>
  </div>
  <div class="column">
    <h3>Extras</h3>
    <ul>
      <li><a href="#">Brands</a></li>
      <li><a href="#">Gift Vouchers</a></li>
      <li><a href="#">Affiliates</a></li>
      <li><a href="#">Specials</a></li>
    </ul>
  </div>
  <div class="column">
    <h3>My Account</h3>
    <ul>
      <li><a href="#">My Account</a></li>
      <li><a href="#">Order History</a></li>
      <li><a href="#">Wish List</a></li>
      <li><a href="#">Newsletter</a></li>
    </ul>
  </div>
</div>
<div id="footer">
  <div class="column">
    <h3>Information</h3>
    <ul>
            <li><a href="#">About Us</a></li>
            <li><a href="#">Delivery Information</a></li>
            <li><a href="#">Privacy Policy</a></li>
            <li><a href="#">Terms &amp; Conditions</a></li>
          </ul>
  </div>
  <div class="column">
    <h3>Customer Service</h3>
    <ul>
      <li><a href="#">Contact Us</a></li>
      <li><a href="#">Returns</a></li>
      <li><a href="#">Site Map</a></li>
    </ul>
  </div>
  <div class="column">
    <h3>Extras</h3>
    <ul>
      <li><a href="#">Brands</a></li>
      <li><a href="#">Gift Vouchers</a></li>
      <li><a href="#">Affiliates</a></li>
      <li><a href="#">Specials</a></li>
    </ul>
  </div>
  <div class="column">
    <h3>My Account</h3>
    <ul>
      <li><a href="#">My Account</a></li>
      <li><a href="#">Order History</a></li>
      <li><a href="#">Wish List</a></li>
      <li><a href="#">Newsletter</a></li>
    </ul>
  </div>
</div>
<div class="powered-main">
<div id="powered">
Theme by <a href="#" target="_blank">Design</a>
<div class="fl">
Powered By <a href="#">ABC</a><br /> uStore Theme &copy; 2012</div>
<div class="back-to-top" id="back-top"><a title="Back to Top" href="javascript:void(0)" class="backtotop">Top</a></div>
</div>
</div>
</footer>
</div>
<!--Scroll back to top-->
<script type='text/javascript'>
$(function () {
		$(window).scroll(function () {
			if ($(this).scrollTop() > 100) {
				$('#back-top').fadeIn();
			} else {
				$('#back-top').fadeOut();
			}
		});
		});
jQuery('.backtotop').click(function(){
	jQuery('html, body').animate({scrollTop:0}, 'slow');
});
</script>
<!--end of Scroll back to top-->
</body>
</html>